<template>
  <div class='footer'>
    <h1>Footer</h1>
    <h2>{{count}}</h2>
    <h3>{{price}}</h3>

  </div>
</template>

<script>
import {mapState} from 'vuex'

export default {
    name:'Footer',
    computed:{
        ...mapState({count:'count',price:'price'})
        // ...mapState(['count','price'])
        // count(){
        //     return this.$store.state.count
        // }
    }
}
</script>

<style scoped>
.footer{
    height: 200px;
    background: palegreen;
}
</style>